{extend name="template/base_default"}
{block name="header"}
<link rel="stylesheet" href="__CSS__/common.css">
<link rel="stylesheet" href="__CSS__/index/style.css">
<link rel="stylesheet" href="__CSS__/weui.min.css">
<link rel="stylesheet" href="__CSS__/jquery-weui.css">
<link rel="stylesheet" href="__CSS__/demos.css">
{/block}
{block name="body"}
<style>
    .swiper-container {
        width: 100%;
    }

    .swiper-container img {
        display: block;
        width: 100%;
    }
    body {
        background:#f2f3f8;
        font-family: "Hiragino Sans GB", "微软雅黑", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .footer{
        height: 60px;
        width:100%;
        position:fixed;
        bottom:0;
        background-color:#f47119;
        color:white;
    }
    .footer-item{
        margin-top: 10px;
        width:20%;
        float: left;
        text-align: center;
        font-size: 13px;
        overflow: hidden;
        color:white;
    }
    .footer-left{
        float: left;
    }
    .footer-right{
        float: right;
    }
    .footer-item-head{
        position: absolute;
        margin-left:50%;
        left:-30px;
        height: 60px;
        width:60px;
        bottom:10px;
        color:white;
    }
    .footer-item-head img{
        width:100%;
        height:100%;
        border-radius: 60px;
        border:4px solid #fff
    }
    .footer-item-img{
        height: 25px;
        width:25px;
        margin:0 auto;
        margin-top:2px;
    }
    .footer-item img{
        width:100%;
        height:100%
    }
    .footer .selected{
        color:white;
    }
    a{
        color: #3b3b3b
    }
    #cover{
        position: fixed;
        z-index: 10;
        top:65px;
        left:0;
        width:100%;
        height:100%;
        display: block;
        opacity: .5;
        background: #000 none repeat scroll 0 0;
    }
    /*weui样式覆盖*/
    .weui-switch-cp__input:checked~.weui-switch-cp__box, .weui-switch:checked{
        background: #3bc6bf;
        border-color:#3bc6bf;
    }
    .weui-btn_primary{
        background: #3bc6bf;
    }
    .weui-btn_primary:not(.weui-btn_disabled):active{
        background: #3bc6bf;
    }
    .weui-navbar__item{
        padding:8px 0;
    }
    .weui-navbar__item:after{
        border-right: none;
    }
    .weui-navbar:after{
        border-bottom: none;
    }
    .weui-navbar__item.weui-bar__item--on{
        border-bottom: 3px solid #3bc6bf;
    }
    .weui-search-bar__cancel-btn{
        color:white;
    }
    .index-box{
        width:46%;
        height:90px;
        float:left;
        background-color: black;
        margin-left: 12px;
        margin-top: 10px;
        border-radius: 10px;
        text-align: center;
        line-height: 90px;
        font-family: "Microsoft YaHei UI";
        color: white;
    }
    .index-box2{
        width:93%;
        height:90px;
        float:left;
        background-color: #76be9b;
        margin-left: 12px;
        margin-top: 10px;
        border-radius: 10px;
        text-align: center;
        line-height: 90px;
        font-family: "Microsoft YaHei UI";
        color: white;
    }
</style>
<div class="swiper-container">
    <!-- Additional required wrapper -->
    <div class="swiper-wrapper">
        <!-- Slides -->
        {volist name="pics" id="pic"}

        <div class="swiper-slide"><img style="height:260px" src="{$pic.imgurl}" alt="pic1"></div>
        {/volist}
    </div>
    <!-- If we need pagination -->
    <div class="swiper-pagination"></div>
</div>

<a href="{:url('shop/product_list',['code'=>'00S001'])}"><div class="index-box" style="background-color: #d490d8">肤倍柔系列</div></a>
<a href="{:url('shop/product_list',['code'=>'00S002'])}"><div class="index-box" style="background-color: #feb179">驱蚊系列</div></a>
<a href="{:url('shop/product_list',['code'=>'00S003'])}"><div class="index-box" style="background-color: #70e9ea">洗护系列</div></a>
 <a href="{:url('shop/product_list',['code'=>'00S004'])}"><div class="index-box" style="background-color: #76be9b">湿巾系列</div></a>
<a href="{:url('shop/product_list',['code'=>'00S005'])}"><div class="index-box" style="background-color: #dabcae">成人系列</div></a>
<a href="{:url('shop/product_list',['code'=>'00S006'])}"><div class="index-box" style="background-color: #d490d8">护粉</div></a>
 <a href="{:url('shop/product_list',['code'=>'00S007'])}"><div class="index-box" style="background-color: #70e9ea">洗衣类</div></a>
 <a href="{:url('shop/product_list',['code'=>'00S008'])}"><div class="index-box" style="background-color: #dabcae">其他系列</div></a>
<a style="text-align: center" href="http://c.b1yt.com/h.QbtZWM?cv=8ZgbZCm0RkK&sm=dd11f0"><img style="width:40px;margin-left: 170px;margin-right: auto;margin-top: 20px" src="__IMG__/hand.png">
    <p style="text-align: center">点击进入幼柔淘宝官网</p></a>

<div style="height:200px;width:100%;float: left"></div>
{include file="template/nav_bar"}
{/block}
{block name="footer"}
<script type="text/javascript" src="__JS__/public.js"></script>
<script type="text/javascript" src="__JS__/swiper.min.js"></script>
<script>
    $(".swiper-container").swiper({
        loop: true,
        autoplay: 3000
    });
</script>
{/block}